<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="../include/tag.jsp" %>
<!DOCTYPE html>
<html lang="zh">
<head>
    <title>打卡记录</title>
    <%@include file="../include/commonFile.jsp" %>
    <link rel="stylesheet" href="${ctx}/css/common/list.css">
    <link rel="stylesheet" href="${ctx}/css/common/table.css">
    <style type="text/css">
        .index-outside > section .section-main {
            min-width: 0px !important;
        }

        .index-outside > section {
            padding-bottom: 0px !important;
        }
    </style>
</head>
<body>
<div class="index-outside">
    <section class="no-fix">
        <div class="section-main">
            <form class="layui-form" action="${ctx}/sign/member/myRecordList.do?applyId=${applyId}" id="myForm"
                  method="post">
                <input type="hidden" name="pageNo" id="pageNo"/>
            </form>
            <div class="my-act-list-content">
                <div class="cl">
                    <table class="layui-table">
                        <colgroup>
                            <col>
                            <col>
                        </colgroup>
                        <thead>
                        <tr>
                            <th>打卡日期</th>
                            <th>步数</th>
                        </tr>
                        </thead>
                        <tbody>
                        <c:if test="${page.totalCount == 0}">
                            <tr>
                                <td colspan="2" align="center">暂无打卡记录</td>
                            </tr>
                        </c:if>
                        <c:forEach var="record" items="${records}">
                            <tr>
                                <td><fmt:formatDate value="${record.createDate}" pattern="yyyy-MM-dd"/></td>
                                <td>${record.stepNum}</td>
                            </tr>
                        </c:forEach>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="page-content">
                <div id="page_content" class="page-container"></div>
            </div>
        </div>
    </section>
</div>
<script type="text/javascript" src="${ctx}/script/common/table_option.js"></script>
<script type="text/javascript" src="${ctx}/script/common/list.js"></script>

<script type="text/javascript">
    $(function () {
        //加载分页
        loadPageNew({
            elem: 'page_content',
            totalCount: '${page.totalCount}',
            limit: '${page.limit}',
            page: '${page.page}'
        });
    });
</script>
</body>
</html>
